.layui-laypage{
    a,span{
        background-color: hsl(var(--na));
        border-color:hsl(var(--b3));
        color: hsl(var(--bc)/var(--tw-text-opacity));
        &:hover{
            --tw-text-opacity: 1;
            // color:hsl(var(--p,var(--bc))/1);
            color:hsla(var(--bc)/.6);
        }
    }
    // a{
    //     color: hsla(var(--bc) / 1);
    //     &:hover{
    //         color:hsl(var(--p));
    //     }
    // }
    // span{
    //     color: hsla(var(--bc) / 1);
    // }
    input{
        --tw-border-opacity: 1;
        border-color: hsl(var(--p)/var(--tw-border-opacity));
        // background-color: hsla(var(--p)/.2);
        background-color: rgba(255,255,255,0) !important;
        color: var(--bc);
    }
    button{
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        color: hsl(var(--pc));
        border-color: hsl(var(--p));
        background-color: hsl(var(--p)) !important;
    }
    select{
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        color: hsl(var(--pc)/var(--tw-text-opacity));
        border-color: hsl(var(--p)/var(--tw-border-opacity));
        background-color: hsl(var(--p)) !important;
    }
    &-curr,&-em{
        
        
        em{
            --tw-text-opacity: 1;
            color: hsl(var(--pc)/var(--tw-text-opacity)) !important;
        }
    }
    .layui-laypage-curr {
        .layui-laypage-em{
            background-color: hsl(var(--p));
        }
    }
}
